/**
 * Shopware 5
 * Copyright (c) shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage DatePicker
 * @version    $Id$
 * @author shopware AG
 */
.#{$prefix}datepicker {
	border: 1px solid #b5c0c7;
	border-top: 0 none;

	/** Header */
	.#{$prefix}datepicker-header {
		border: 1px solid #3980a9;
        background: svg-linear-gradient(0%, 0%, 0%, 100%, (
            svg-color-stop(rgba(46,181,249,1), 0%, 1),
            svg-color-stop(rgba(22,129,211,1), 100%, 1)
        )) center center no-repeat transparent;

        .#{$prefix}datepicker-month {

			.#{$prefix}btn-split-right {
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAaElEQVR42m2KwQpAQABE9z/cJJHDFuK73J04aM8Se/IHfIADJ5zVRvmYsbtlS5mapt4bkvQ3/pJKTiIu4JbLRzjFjJgLKbsTPttgZYPickcEbIfiBICuV62w80kfX2Zk2F6g9QHaCCMfPcFo6Klg/LQAAAAASUVORK5CYII=");
			}

			button {
				text-shadow: 0 1px 0 darken(#207ab7, 10%);

				.#{$prefix}btn-inner {
					font-weight: bold;
				}
			}
		}
	}

	/** Body */
	table.#{$prefix}datepicker-inner {
		th {
			border-bottom: 1px solid #b5c0c7;
			color: $font-color;
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAIAAADDbMD2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAALUlEQVQIHQXBsRHAMBAEoZvtv185egyh971267bmsuWEbCEnE3LaxDpC27q7H8pxK9yXeDBmAAAAAElFTkSuQmCC") repeat-x;
		}

		/** Selected day */
		.#{$prefix}datepicker-selected a {
			text-shadow: 0 1px 0 darken(#207ab7, 10%);
			border-color: #0d71ff;
			color: darken(#fff, 5%);
            background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                svg-color-stop(rgba(46,181,249,1), 0%, 1),
                svg-color-stop(rgba(22,129,211,1), 100%, 1)
            )) center center no-repeat transparent;
		}
	}

	/** Footer */
	.#{$prefix}datepicker-footer {
		padding: 4px 0;
		border-top: 1px solid #b5c0c7;
        background: svg-linear-gradient(0%, 0%, 0%, 100%, (
            svg-color-stop(rgb(246, 247, 246), 0%, 1),
            svg-color-stop(rgb(231, 232, 234), 100%, 1)
        )) center center no-repeat transparent;
	}

    /** Monthpicker */
    .#{$prefix}monthpicker {
        border-bottom: 1px solid #e7e8ea;

        /** Selected month */
        .#{$prefix}monthpicker-selected {
            text-shadow: 0 1px 0 darken(#207ab7, 10%);
            border-color: #0d71ff;
            color: darken(#fff, 5%);
            background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                svg-color-stop(rgba(46,181,249,1), 0%, 1),
                svg-color-stop(rgba(22,129,211,1), 100%, 1)
            )) center center no-repeat transparent;
        }

        .#{$prefix}monthpicker-months {
            border-right: 1px solid #b5c0c7;
        }

        /** Footer */
        .#{$prefix}monthpicker-buttons {
            background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                svg-color-stop(rgb(246, 247, 246), 0%, 1),
                svg-color-stop(rgb(231, 232, 234), 100%, 1)
            )) center center no-repeat transparent;
            border-top: 1px solid #b5c0c7;
        }
    }
}
